<template>
<div class="hamburger-container" @click="handleCollapse">
  <el-icon class="icon" color="#083a6d" v-if="isCollapse"><expand/></el-icon>
  <el-icon class="icon" color="#083a6d" v-else><fold/></el-icon>
</div>
</template>

<script setup lang="ts">
import { computed } from 'vue'
const isCollapse = true
//const settingStore = useSettingStore()
//const isCollapse = computed(()=>!settingStore.isCollapse)
const handleCollapse = ()=> {
  //settingStore.setCollapse(isCollapse.value)
}

</script>

<style scoped>
.hamburger-container {
  padding: 0px 15px;
  height: 100%;
  display: flex;
  align-items: center;
}
.hamburger-container .icon {
  font-size: 24px;
  cursor: pointer;
}

</style>
